<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no" />

  <link rel="stylesheet" type="text/css" media="all" href="css/mobile_common.css" />
  <link rel="stylesheet" type="text/css" media="all" href="css/echo_mobile.css" />
  <link rel="stylesheet" type="text/css" media="all" href="css/mobile_tvchat.css" />
</head>

<body class="echo tv-chat">
    <header id="global-header" class="container">
        <div class="brand-logo">
            <a href="#" class="ht">echo</a>
        </div>
        <a href="#" class="ht btn download-app-btn">前往下载echo回声</a>
    </header>

    <div class="show-container container">
        <div class="show-content">
            <div class="chat-container">
                <div class="intro text-center">中国好声音 独家弹幕互动 2015-7-24 播出</div>
                <div class="desc text-center">
                    在echo回声里最热门的弹幕，<br>
                    有机会上好声音电视直播哦！还不玩起来？
                </div>

                <!-- 聊天记录 -->
                <ul class="vote-me">
                    <li>
                        <div class="user-avatar">
                            <img class="circle" src="page_images/channel_2.jpg" alt="something" />
                        </div>
                        <div class="vip"><b>鱼青er</b>赞！<i class="icon vote-icon inactive">21</i></div>
                    </li>
                    <li>
                        <div class="user-avatar">
                            <img class="circle" src="page_images/voice_3.jpg" alt="something" />
                        </div>
                        <div><b>Cham</b>据说很多明星都在玩，能碰到吗<i class="icon vote-icon">21</i></div>
                    </li>
                    <li>
                        <div class="user-avatar">
                            <img class="circle" src="page_images/voice_3.jpg" alt="something" />
                        </div>
                        <div><b>RI闪耀</b>快赞我！我要上电视！<i class="icon vote-icon">21</i></div>
                    </li>
                    <li>
                        <div class="user-avatar">
                            <img class="circle" src="page_images/voice_3.jpg" alt="something" />
                        </div>
                        <div><b>Cham</b>坐等17号！<i class="icon vote-icon">21</i></div>
                    </li>
                    <li>
                        <div class="user-avatar">
                            <img class="circle" src="page_images/voice_3.jpg" alt="something" />
                        </div>
                        <div class="vip"><b>杨柳</b>此处应有赞<i class="icon vote-icon">21</i></div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 底部 -->
        <a class="download-app-btn" href="#">
            <img src="./images/downloader21x.png" alt="echo 前往下载echo回声" srcset="./images/downloader2.5x.png 480w, ./images/downloader22x.png 1024w, ./images/downloader23x.png 1024w 2x">
        </a>
        <img class="footer-banner" src="./images/tv_show/h5dl2x.png" alt="echo 下载" srcset="./images/tv_show/h5dl3x.png 1024w 2x" />
    </div>
</body>
</html>
